<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>
	<head>
   		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>控件</title>
        <link href="../../py/resources/share/control/core.css" rel="stylesheet" type="text/css" />
        <link href="../../py/resources/default/control/core.css" rel="stylesheet" type="text/css" />
		<link href="../../py/resources/default/viewer/scrollbar.css" rel="stylesheet" type="text/css" />
		
        <script src="../../py/system.js" type="text/javascript"></script>
		<script src="../../py/System/dom/element.js" type="text/javascript"></script>
		<script src="../../py/system/dom/drag.js" type="text/javascript"></script>
		<script src="../../py/system/controls/scrollbar.js" type="text/javascript"></script>
		
		<script src="../../common/project/project.js" type="text/javascript"></script>
		<script src="../../common/assets/scripts/default.js" type="text/javascript"></script>
		<script src="../../common/assets/scripts/debug.js" type="text/javascript"></script>
    <script type="text/javascript">
    
      	a = new ScrollBar({
			barSize: 300,
			renderTo: true
		});
		
		c =  new ScrollBar({
			barSize: 300,
			  direction: 'horizonal',
			renderTo: true
		});
   
    </script>
</head>

<body>
	
	
	<div class="x-scrollbar x-scrollbar-horizonal" style="width: 200px; ">
	    <div style="width: 47px; left: 17px; z-index: auto; opacity: 1; top: 0px;" class="x-scrollbar-handle ">
	        <div class="x-scrollbar-handle-left"></div>
	        <div class="x-scrollbar-handle-center"></div>
	        <div class="x-scrollbar-handle-right"></div>
	    </div>
	    <div class="x-scrollbar-left"></div>
	    <div class="x-scrollbar-right"></div>
	</div>
	
	
	<div style="height: 80px;" class="x-scrollbar"><div class="x-scrollbar-handle" style="height: 13px; top: 17px;"><div class="x-scrollbar-handle-left"></div><div class="x-scrollbar-handle-center"></div><div class="x-scrollbar-handle-right"></div></div><div class="x-scrollbar-left"></div><div class="x-scrollbar-right"></div></div>
	
</body>
</html>
